import {
   mapGetters
 } from 'vuex'

 export default {
   computed: {
     ...mapGetters('cart', ['total'])
   },
   watch: {
     //监听total值的变化
     total() {
       // 调用 methods 中的 setBadge 方法，重新为 tabBar 的数字徽章赋值
       this.setBadge()
     }
   },
   onShow() {
     this.setBadge()
   },
   methods: {
     setBadge() {
       //判断徽标的值是否大于1
       if (this.total === 0) {
         uni.removeTabBarBadge({
           index: 2
         })
       } else {
         //调用uni.setTabBarBadge()方法，为购物车设置右上角的徽标
         uni.setTabBarBadge({
           index: 2, //索引
           text: this.total + '' //注意：text的值必须是字符串，不能是数字
         })
       }

     }
   }
 }
